import { classNames } from 'shared/lib/classNames/classNames'
import cls from './Header.module.scss'
import { HeaderMobile } from 'features/HeaderMobile'
import { HeaderDesktop } from 'features/HeaderDesktop'

interface HeaderProps {
    className?: string,
    navigationStateSetter: () => void,
    isMobile: boolean
}

export const Header = ({ className, isMobile, navigationStateSetter }: HeaderProps) => {

    return (
        <div className={classNames(cls.header, {[cls.mobile]: isMobile}, [className])}>
            {
                isMobile
                    ? <HeaderMobile className={cls.header} navigationStateSetter={navigationStateSetter}/>
                    : <HeaderDesktop className={cls.header} navigationStateSetter={navigationStateSetter}/>
            }
        </div>
    )
}
